<script setup lang="ts">
import { useProjectConfigStore } from './store/projectConfig'

const projectConfigStore = useProjectConfigStore()

onLaunch(() => {
  projectConfigStore.fetchExtentList()
  projectConfigStore.fetchHouseTypeList()
  projectConfigStore.fetchProjectTypeList()
  projectConfigStore.fetchCaseTypeList()
})

onShareAppMessage(() => {
  return {
    title: '佳宅通',
    path: 'pages/index',
  }
})

onShareTimeline(() => {
  return {
    title: '佳宅通',
    path: 'pages/index',
  }
})
</script>

<style>
view, input {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

button::after {
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.skeleton {
  background: linear-gradient(
    100deg,
    rgba(255, 255, 255, 0) 20%,
    rgba(255, 255, 255, .5) 50%,
    rgba(255, 255, 255, 0) 80%
  ) #D9D9D9;
  background-size: 200% 100%;
  background-position-x: 180%;
  animation: 1s loading ease-in-out infinite;
}

@keyframes loading {
  to {
    background-position-x: -20%;
  }
}
</style>
